<template>
  <div class="index-map" style="height: calc(100vh - 64px)">
    <Row type="flex" justify="center" :gutter="20">
      <i-col :span="6">
        <left-layout></left-layout>
      </i-col>

      <!-- 中间 -->
      <i-col :span="12">
        <center-layout></center-layout>
      </i-col>

      <!-- 右侧 -->
      <i-col :span="6">
        <right-layout></right-layout>
      </i-col>
    </Row>
  </div>
</template>

<script>
import LeftLayout from "./leftLayout";
import CenterLayout from "./centerLayout";
import RightLayout from "./rightLayout";
export default {
  name: "home",
  components: {
    LeftLayout,
    CenterLayout,
    RightLayout
  }
};
</script>

<style lang="less">
.home {
  padding: 0px 20px;
  overflow: hidden;
  /* background-color: #0a4271; */
  /* background-color: #0b0f34 !important; */
  /* background-color: #01237C !important; */
  background: url("../../assets/bg.jpg") center;
  // box-sizing: border-box;
}
.indexChartsSize {
  margin: 0px 0px 10px;
  width: 100%;
  height: 28vh;
  z-index: 2;
}
.mapHeight {
  height: 622px;
}
</style>
